<template>
  <view>
    <u-overlay :show="show" @click="changeShow">
      <view class="overlay" @tap.stop>
        <view class="model">
          <view class="title">
            温馨提示
          </view>
          <view class="content">
            您需要先登录才能进行您的操作
          </view>
          <view class="flex justify-between">
            <u-button @click='changeShow' class='left' text="稍后再说" color='#888'></u-button>
            <u-button @click='handleOk' class='right' text="立即登录" color='#ffe32a'></u-button>
          </view>
        </view>
      </view>
    </u-overlay>
  </view>
</template>

<script>
  import {
    mapMutations
  } from 'vuex'
  export default {
    name: "cart-overlay",
    data() {
      return {
        show: true
      };
    },
    methods: {
      ...mapMutations({
        changeLoginShow: 'cart/changeLoginShow',
      }),
      handleOk() {
        uni.navigateTo({
          url: '/pagesB/login/login'
        })
       //  //  #ifdef MP-WEIXIN
       // uni.getUserProfile({
       //   desc: '完善用户资料',
       //   success: (res) => {
       //     console.log(res)
       //     // this.getToken(res)
       //   },
       //   fail: () => {
       //   }
       // })
       //  // #endif     
      },
      changeShow() {
        this.changeLoginShow(false)
        this.$emit('pageBack')
      }
    }
  }
</script>


<style lang="scss" scoped>
  .overlay {
    background-color: #fff;
    border-radius: 20rpx;
    margin: 60% 5%;
    width: 90%;
    overflow: hidden;

    .title {
      padding: 30rpx 0;
      font-weight: bold;
      font-size: 40rpx;
    }

    .content {
      padding-bottom: 30rpx;
      color: #999;
    }
  }

  // /deep/ .u-number-box__plus{
  // background-color: #ffe32a !important;
  // }
  // 弹窗下拉
  // .drop{
  // 	position: relative;
  // 	.drop-list{
  // 		position: absolute;
  // 		z-index: 1;
  // 		background-color: white;
  // 		width: 350rpx;
  // 		top: 75rpx;
  // 		right: 0;
  // 		text-align: end;
  // 		border: 1px solid beige;
  // 		view:hover{
  // 			background-color: #888888;
  // 		}
  // 	}
  // }
</style>
